<template>
  <el-container style="height:100%;">
    <el-header>数据目录</el-header>
      <el-aside id="aside-style" width="70%">
        <div style="margin-top: 20px;float: left" >
          <span>数据分层</span>  
          <el-radio-group v-model="radio1" >
          <el-radio-button label="全部"></el-radio-button>
          <el-radio-button label="DM层"></el-radio-button>
          <el-radio-button label="ERP层"></el-radio-button>
          <el-radio-button label="CRM层"></el-radio-button>
          </el-radio-group>
        </div>

        <div  style="margin-top: 20px;float:left" >
          <span>数据源</span>
          <el-radio-group v-model="radio2" size="medium">
          <el-radio-button label="全部" ></el-radio-button>
          <el-radio-button label="CRM系统"></el-radio-button>
          <el-radio-button label="DM系统"></el-radio-button>
          <el-radio-button label="ETL"></el-radio-button>
          </el-radio-group>
        </div>
        
        <div style="margin-top: 20px;float: left" >
        <span>排序方式</span>
        <el-radio-group lable ="parerrf" v-model="radio3" >
        <el-radio-button label="默认"  ></el-radio-button>
        <el-radio-button label="名称"></el-radio-button>
        <el-radio-button label="更新时间"></el-radio-button>
    </el-radio-group>
  </div>
  </el-aside>





      
    </el-container>
  </el-container>
</template>



<script>
  export default {
  data() {
    return {
        radio1: '数据分层',
        radio2: '数据源',
        radio3: '排序方式',
      };
    }
  }
</script>
<style >
.el-header {
  line-height: 60px;
  text-align: start;
  background-color: #ccc;
}

</style>
